<!--
 File:      welcome.html
 Author:    Henry Feild
 Date:      31-Mar-2011
 Purpose:   This is the page shown when the user first starts up a new version
            of the %%PROJECT_NAME%%.

%%VERSION%%
-->

<html>
<head>
    <link rel="shortcut icon" type="image/png"
        href="../css/img/crowdlogger-logo.001.16x16.png"/>
    <title>%%FULL_PROJECT_NAME%%&mdash;Welcome Page</title>
    <link href="../css/dialog.css" rel="stylesheet" type="text/css">

    <!-- Load jQuery first. -->
    <script src="../js/external_lib/jquery.min.js"></script>
    
    <script src="../js/dialog.js"></script>
    <script src="../html-js/welcome.js"></script>

</head>
<span class="hidden" id="init"></span>
<body class="welcome" height="90%">

<table height="100%" width="100%" style="margin:0; padding: 0">
<tr><td>
<!--     <div class="header" style="padding: 15px">
        <div class="title"> 
            <span class="titleMain">Welcome</span><br>
            <span id="subtitle">
                <span class="titleSmall">to</span><br>
                <span class="titleSub">%%FULL_PROJECT_NAME%% 
                    <span id="version"></span></span><br>
            </span>
        </div>
    </div> -->

    <!-- The header. -->
<!--     <div class="header">
        <div class="title"> 
            <span id="version" class="titleSub">version 2.5</span>
            <img class="logo" src="../css/img/crowdlogger-logo.002.png"/>
            <span class="titleMain" id="new-install">Welcome</span>
            <span class="titleMain" id="upgrade">%%PROJECT_NAME%% has been upgraded</span>
        </div>
    </div> -->

    <div class="header">
        <div class="title"> 
<!--             <span id="version" class="logo-version">version 2.5</span>
            <img class="logo" src="../css/img/crowdlogger-logo.002.png"/> -->
            <!-- <div class="titleMain">Welcome</div> -->
            <div class="titleSub" id="new-install">Thanks for installing %%PROJECT_NAME%% <span class="version"></span>!</div>
            <div class="titleSub" id="upgrade">%%PROJECT_NAME%% has been upgraded to <span class="version"></span>.</div>
        </div>
    </div> 

    <div style=" margin-bottom: 25px;"></div>


    <span id="welcome_wizard_button_panel" 
          class="buttonPanel hidden" 
          style="float: right; padding: 15px;">
        <button id="welcome_wizzard_next_button"></button>
        <!-- <button id="welcome_wizzard_next_button_disabled"></button> -->
        <button id="welcome_wizzard_skip_button"></button>
    </span> 
    <br> 

</td></tr>
<tr height=100% style="margin: 0; padding: 0;">
<td style="margin:0; padding: 0; border-top: 1px steelblue solid">
<iframe id="frame" frameborder=0 marginheight="-5px" marginwidth="-5px" style="margin:-5; padding:0" width="100%" height="100%">
</iframe>
</td></tr>
</table>

</body>
</html>
